<template>
  <view class="content">

    <view class="avatar">
			<!-- 上传组件 -->
			<u-upload ref="product_img" name="product_img" :maxCount="1" :fileList="filelist" width="100" height="100"
				@delete="del" @afterRead="read" />
		</view>
    <u-form labelPosition="left" :model="info" ref="uForm" >

      <u-form-item label="卖家编号:">
        <view class="input">
          <u-input v-model="info.sellercode" placeholder="卖家编号为空" />
        </view>
      </u-form-item>

      <u-form-item label="卖家电话:">
        <view class="inputmobile">
          
          <u-input v-model="info.mobile" placeholder="联系电话为空" />
          
        </view>
        <u-button
          slot="right"
          :customStyle="{
            width: '40px',
            height: '35px',
            marginLeft: '3px',
          }"
          @click="getsellerPhone"
          :text="'拨打'"
          type="success"
          :plain="true"
          size="mini"
        ></u-button>
      </u-form-item>

      <u-form-item label="商品名称:">
        <view class="input">

          <u-input v-model="info.name" placeholder="商品名称空" />
        </view>
      </u-form-item>
      <u-form-item label="溯源码:">
        <view class="input">

          <u-input v-model="info.sycode" placeholder="溯源码为空" />
        </view>
      </u-form-item>
      <u-form-item label="订单金额:">
        <view class="input">
        
          <u-input v-model="info.price" placeholder="金额为空" />
          </view>
      </u-form-item>
      <u-form-item label="订单状态:">
        <view  class="input">
          <u-input v-model="info.status" placeholder="状态未知" />
        </view>
      </u-form-item>

      <view class="btn">
        <u-button type="success" :plain="true" text="签署"></u-button>

      </view>
    </u-form>
  </view>
</template>
<script>
export default {
  onLoad(option) {
    this.type = option.type ? option.type : ""
    this.tabsIndex = option.tabsIndex ? option.tabsIndex : 0

  },
  data() {
    return {
      filelist:[
        {
          url:'http://luxuries.h1668.com/uploads/20231214/11704b5934985141e596d47bd1936a24.jpg'
        }
        
      ],
      info:{
        status:"已鉴定",
        price:4313.99,
        mobile:15219069128,
        name:'卡地亚探险家系列Lx32332',
        sycode:"SY435345435",
        sellercode:"SE23432425"

      }



    }
  },
  onLoad() {

  },

  methods: {
    read()
    {},
    del()
    {},
    getsellerPhone() {
      console.log(123)
      wx.makePhoneCall({
        phoneNumber: this.info.mobile, //仅为示例，并非真实的电话号码
      });
    },

    goto() {
      this.$refs.notice.show({
        type: "success",
        message: "已入库成功",
        duration: 1200,
        complete: () => {
          uni.$u.route({
            url: "pagesB/merchant/waitingpay"
          })
        }

      })
    }




  }
};
</script>
<style lang="scss">
.btn {
  width: 70%;
  margin: 100px auto;
}

.u-form-item__body__left__content__label.data-v-5e7216f1 {
  width: 75px;
}

.content {
  padding: 20px;
}

.container {
  height: 100%;
  margin: 0 50rpx;
  box-sizing: border-box;
}

.avatar {
  text-align: center;
}

.hint {
  padding: 20rpx 40rpx;
  font-size: 20rpx;

  .link {}
}

.input{
  width: 320px;
  margin-left: 25px;
}
.inputmobile{
  width: 260px;
  margin-left: 25px;
}


.u-avatar {
  margin: 80rpx auto 40rpx;
}

.avatar .u-upload {
  justify-content: center;
  align-items: center;
  margin: 3em auto;
}
</style>
